Scatter Charts

To display a scatter chart, use the Chart control and add a ScatterSeries to the chart. The ScatterSeries must specify an ItemsSource, which is a collection containing the data to be displayed, and will normally specify a XBinding and a YBinding, which are data bindings specifying how the locations of the points on the scatter chart are determined from the data.

CopyCreating a scatter chart

<ms:Chart Title="Sales">
  <ms:ScatterSeries ItemsSource="{Binding}" 
                    XBinding="{Binding Quarter}" 
                    YBinding="{Binding Amount}" 
                    />
</ms:Chart>

If the ItemsSource contains a collection of Point objects, you can omit the XBinding and YBinding.

To customize the appearance of points on the scatter chart, use the SymbolStyle property. The target type of the SymbolStyle should be ChartSymbol, and to change the shape of the point you must set the control Template.

CopyDisplaying points as red squares

<ms:ScatterSeries>
  <ms:ScatterSeries.SymbolStyle>
    <Style TargetType="ms:ChartSymbol">
      <Setter Property="Width" Value="8" />
      <Setter Property="Height" Value="8" />
      <Setter Property="Margin" Value="-4,-4,4,4" />
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="ms:ChartSymbol">
            <Rectangle Stroke="Red" 
                       StrokeThickness="1" 
                       Fill="Pink" 
                       />
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
  </ms:ScatterSeries.SymbolStyle>
</ms:ScatterSeries>

The template origin is the location of the data point. If you want your shape to be centred on the data point, set negative left and top margins equal to half the width and height respectively.